#ifndef SVGSTRDIALOG_H
#define SVGSTRDIALOG_H

#include <QDialog>
#include <QSvgRenderer>
#include <QVBoxLayout>
#include <QGraphicsScene>
#include <QGraphicsView>
#include <QTimer>

namespace Ui {
class SvgStrDialog;
}

class SvgStrDialog : public QDialog
{
    Q_OBJECT

public:
    explicit SvgStrDialog(QWidget *parent = nullptr);
    ~SvgStrDialog();

private:
    Ui::SvgStrDialog *ui;
    QByteArray svgData1="<svg width=\"782\" height=\"388\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" baseProfile=\"full\" viewBox=\"0 0 782 388\"> <rect width=\"782\" height=\"388\" x=\"0\" y=\"0\" fill=\"none\"></rect> <path d=\"M78.2 318.5L703.8 318.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 266.5L703.8 266.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 215.5L703.8 215.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 163.5L703.8 163.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 111.5L703.8 111.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 60.5L703.8 60.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 318.5L703.8 318.5\" fill=\"none\" stroke=\"#6E7079\" stroke-linecap=\"round\" class=\"zr0-cls-0\"></path> <path d=\"M78.5 318L78.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M167.5 318L167.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M257.5 318L257.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M346.5 318L346.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M435.5 318L435.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M525.5 318L525.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M614.5 318L614.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M704.5 318L704.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 318)\" fill=\"#6E7079\">0</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 266.4)\" fill=\"#6E7079\">300</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 214.8)\" fill=\"#6E7079\">600</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 163.2)\" fill=\"#6E7079\">900</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 111.6)\" fill=\"#6E7079\">1,200</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 60)\" fill=\"#6E7079\">1,500</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(122.8857 326)\" fill=\"#6E7079\">Mon</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(212.2571 326)\" fill=\"#6E7079\">Tue</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(301.6286 326)\" fill=\"#6E7079\">Wed</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(391 326)\" fill=\"#6E7079\">Thu</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(480.3714 326)\" fill=\"#6E7079\">Fri</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(569.7429 326)\" fill=\"#6E7079\">Sat</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(659.1143 326)\" fill=\"#6E7079\">Sun</text> <g clip-path=\"url(#zr0-c0)\"> <path d=\"M122.8857 176.96C122.8857 176.96 167.1038 157.696 212.2571 157.696C256.4752 157.696 256.9481 163.028 301.6286 163.028C346.3196 163.028 350.556 163.028 391 157.352C439.9274 150.4854 431.4648 104.4353 480.3714 96.12C520.8363 89.24 524.9953 89.24 569.7429 89.24C614.3667 89.24 659.1143 90.96 659.1143 90.96\" fill=\"none\" stroke=\"#5470c6\" stroke-width=\"2\" stroke-linejoin=\"bevel\" class=\"zr0-cls-3\"></path> </g> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,122.8857,176.96)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,212.2571,157.696)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,301.6286,163.028)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,391,157.352)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,480.3714,96.12)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,569.7429,89.24)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,659.1143,90.96)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <defs > <clipPath id=\"zr0-c0\"> <path d=\"M77 59l0 0l0 260l0 0Z\" fill=\"#000\" class=\"zr0-cls-1 zr0-cls-2\"></path> </clipPath> </defs> <style ><![CDATA[ .zr0-cls-0:hover { pointer-events:none; } .zr0-cls-1 { animation:zr0-ani-0 1s linear both; } .zr0-cls-2:hover { cursor:pointer; fill:rgba(0,0,0,1); } .zr0-cls-3:hover { cursor:pointer; } .zr0-cls-4:hover { cursor:pointer; fill:rgba(255,255,255,1); } @keyframes zr0-ani-0 { 0% { d:path(\"M77 59l0 0l0 260l0 0Z\"); } 100% { d:path(\"M77 59l629 0l0 260l-629 0Z\"); } } ]]>  </style> </svg>";
    QByteArray svgData2="<svg width=\"782\" height=\"388\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" baseProfile=\"full\" viewBox=\"0 0 782 388\"> <rect width=\"782\" height=\"388\" x=\"0\" y=\"0\" fill=\"none\"></rect> <path d=\"M78.2 318.5L703.8 318.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 266.5L703.8 266.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 215.5L703.8 215.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 163.5L703.8 163.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 111.5L703.8 111.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 60.5L703.8 60.5\" fill=\"none\" stroke=\"#E0E6F1\" class=\"zr0-cls-0\"></path> <path d=\"M78.2 318.5L703.8 318.5\" fill=\"none\" stroke=\"#6E7079\" stroke-linecap=\"round\" class=\"zr0-cls-0\"></path> <path d=\"M78.5 318L78.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M167.5 318L167.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M257.5 318L257.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M346.5 318L346.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M435.5 318L435.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M525.5 318L525.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M614.5 318L614.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <path d=\"M704.5 318L704.5 323\" fill=\"none\" stroke=\"#6E7079\" class=\"zr0-cls-0\"></path> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 318)\" fill=\"#6E7079\">0</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 266.4)\" fill=\"#6E7079\">300</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 214.8)\" fill=\"#6E7079\">600</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 163.2)\" fill=\"#6E7079\">900</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 111.6)\" fill=\"#6E7079\">1,200</text> <text dominant-baseline=\"central\" text-anchor=\"end\" style=\"font-size:12px;font-family:Microsoft YaHei;\" transform=\"translate(70.2 60)\" fill=\"#6E7079\">1,500</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(122.8857 326)\" fill=\"#6E7079\">Mon</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(212.2571 326)\" fill=\"#6E7079\">Tue</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(301.6286 326)\" fill=\"#6E7079\">Wed</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(391 326)\" fill=\"#6E7079\">Thu</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(480.3714 326)\" fill=\"#6E7079\">Fri</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(569.7429 326)\" fill=\"#6E7079\">Sat</text> <text dominant-baseline=\"central\" text-anchor=\"middle\" style=\"font-size:12px;font-family:Microsoft YaHei;\" y=\"6\" transform=\"translate(659.1143 326)\" fill=\"#6E7079\">Sun</text> <g clip-path=\"url(#zr0-c0)\"> <path d=\"M122.8857 157.696C122.8857 157.696 167.5767 163.028 212.2571 163.028C256.9481 163.028 261.1846 163.028 301.6286 157.352C350.556 150.4854 342.0934 104.4353 391 96.12C431.4648 89.24 435.6238 89.24 480.3714 89.24C524.9953 89.24 528.6376 89.24 569.7429 90.96C618.009 92.9796 659.1143 146 659.1143 146\" fill=\"none\" stroke=\"#5470c6\" stroke-width=\"2\" stroke-linejoin=\"bevel\" class=\"zr0-cls-3\"></path> </g> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,122.8857,157.696)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,212.2571,163.028)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,301.6286,157.352)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,391,96.12)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,480.3714,89.24)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,569.7429,90.96)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <path d=\"M1 0A1 1 0 1 1 1 -0.0001\" transform=\"matrix(0,0,0,0,659.1143,146)\" fill=\"#fff\" stroke=\"#5470c6\" stroke-width=\"0\" class=\"zr0-cls-4\"></path> <defs > <clipPath id=\"zr0-c0\"> <path d=\"M77 59l0 0l0 260l0 0Z\" fill=\"#000\" class=\"zr0-cls-1 zr0-cls-2\"></path> </clipPath> </defs> <style ><![CDATA[ .zr0-cls-0:hover { pointer-events:none; } .zr0-cls-1 { animation:zr0-ani-0 1s linear both; } .zr0-cls-2:hover { cursor:pointer; fill:rgba(0,0,0,1); } .zr0-cls-3:hover { cursor:pointer; } .zr0-cls-4:hover { cursor:pointer; fill:rgba(255,255,255,1); } @keyframes zr0-ani-0 { 0% { d:path(\"M77 59l0 0l0 260l0 0Z\"); } 100% { d:path(\"M77 59l629 0l0 260l-629 0Z\"); } } ]]>  </style> </svg>";
    QByteArray svgData;
    QSvgRenderer svgRenderer;
    QGraphicsScene *scene;
    QGraphicsPixmapItem *pixmapItem = nullptr;


    void onTimeout();
};


#endif // SVGSTRDIALOG_H
